.app_wrap {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  // background-color: yellowgreen;
  border: 1px solid red;
  position: relative;
  box-sizing: border-box;

  // 分类列表
  .category_box {
    width: 100px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;

    .category_item_box {
      background-color: rgba(0, 0, 0, 0.2);
      padding: 20px;
    }

    .is_selected {
      background-color: rgba(101, 209, 209, 0.5);
    }
  }

  // 滚动盒子
  .scroll_box {
    width: 1200px;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    // background-color: blueviolet;
    border: 1px solid blue;
    box-sizing: border-box;

    .scroll_temp {
      height: 100%;
      animation-duration: 0.2s; /* don't forget to set a duration! */
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 20px;
      overflow: auto;
      padding: 20px;
      box-sizing: border-box;

      .scroll_item_box {
        padding: 40px 20px;
        background-color: rgba(0, 0, 0, 0.2);
      }
    }
  }
}
.h_z_index {
  z-index: 10;
}

.l_z_index {
  z-index: 5;
}
